:root {
    --p-primary-50: #f5f3ff;
    --p-primary-100: #ede9fe;
    --p-primary-200: #ddd6fe;
    --p-primary-300: #c4b5fd;
    --p-primary-400: #a78bfa;
    --p-primary-500: #8b5cf6;
    --p-primary-600: #7c3aed;
    --p-primary-700: #6d28d9;
    --p-primary-800: #5b21b6;
    --p-primary-900: #4c1d95;
    --p-primary-950: #2e1065;
    --p-surface-0: #ffffff;
    --p-surface-50: #fafafa;
    --p-surface-100: #f4f4f5;
    --p-surface-200: #e4e4e7;
    --p-surface-300: #d4d4d8;
    --p-surface-400: #a1a1aa;
    --p-surface-500: #71717a;
    --p-surface-600: #52525b;
    --p-surface-700: #3f3f46;
    --p-surface-800: #27272a;
    --p-surface-900: #18181b;
    --p-surface-950: #09090b;
    --p-content-border-radius: 6px;
}